const Todo = () => import('../views/todo/todo.vue')
const Login = () => import('../views/login/login.vue')
// import Todo from '../views/todo/todo.vue'
// import Login from '../views/login/login.vue'

// props设置为true 或者指定一个对象 或者一个函数 (route)=>({id: route.params.b})  组件那边设置个属性 就可以直接接收  这个解耦

// 命明路由视图
// components: {
//   default: Todo,
//   a: 新的组件
// }

// 导航守卫  RouteUpdate 同样路由的时候 有用

export default [
  {
    path: '/',
    redirect: '/app'
  },
  {
    name: 'app', // 路由名字
    meta: {
      // 得到路有对象的时候 可以拿到这里面的数据
    },
    path: '/app',
    component: Todo
  },
  {
    path: '/login',
    component: Login
  }
]
